<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./test01.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1698207_84875ugqvhw.css">
</head>
<body>
    <div class="top-title">
        <div class="t-t-content">
            <div class="t-t-left">
                <ul>
                    <li>大米网</li>
                    <li>MIUI</li>
                    <li>米聊</li>
                    <li>游戏</li>
                    <li>多看阅读</li>
                    <li>云服务</li>
                    <li>大米移动版</li>
                    <li>问题反馈</li>
                    <li> Select Region</li>
                </ul>
            </div>
    
            <div class="t-t-right">
                <ul>
                    <li>登录</li>
                    <li>注册</li>
                    <li>购物车(0)</li>
                </ul>
            </div>
        </div>
    </div>
    
    <div class="top-logo">
        <div class="t-l-home"><img src="./image/xiaomi_logo.png" alt=""></div>

        <ul class="t-l-list">
            <li>大米手机</li>
            <li>红米</li>
            <li>平板</li>
            <li>电视</li>
            <li>盒子</li>
            <li>路由器</li>
            <li>智能硬件</li>
            <li>服务</li>
            <li>社区</li>
        </ul>

        <div class="t-l-search">
            <input type="text" name="search" class="search">
            <div>GO</div>
        </div>
    </div>

    <div class="lunbo">
        <div class="l-left">
            <ul>
                <li>手机  平板<span class="iconfont icon-iconfontjiantou5"></span></li>
                <li> 电视  盒子<span class="iconfont icon-iconfontjiantou5"></span></li>
                <li>路由器  智能配件<span class="iconfont icon-iconfontjiantou5"></span></li>
                <li>移动电源  插线板<span class="iconfont icon-iconfontjiantou5"></span></li>
                <li>耳机  音箱<span class="iconfont icon-iconfontjiantou5"></span></li>
                <li>电池  存储卡<span class="iconfont icon-iconfontjiantou5"></span></li>
                <li>保护套  后盖<span class="iconfont icon-iconfontjiantou5"></span></li>
                <li>贴膜  其它配件<span class="iconfont icon-iconfontjiantou5"></span></li>
                <li>米兔  服装<span class="iconfont icon-iconfontjiantou5"></span></li>
                <li>背包  其它周边<span class="iconfont icon-iconfontjiantou5"></span></li>
            </ul>
        </div>

        <div class="l-right"></div>
    </div>

    <div class="ad">
        <div class="ad-left">
            <div class="box"><p>START</p> <p>开放购买</p></div>
            <div class="box"><p>GROUND</p> <p>企业团购</p></div>
            <div class="box"><p>RETROFIT</p> <p>官方产品</p></div>
            <div class="box"><p>CHANNEL</p> <p>F码通道</p></div>
            <div class="box"><p>RECHARGE</p> <p>话费充值</p></div>
            <div class="box"><p>SECURITY</p> <p>防伪检查</p></div>
        </div>

        <div class="ad-right">
            <div class="ad-r-logo"><img src="./image/T184E_BQWT1RXrhCrK.jpg" alt=""></div>
            <div class="ad-r-logo"><img src="./image/T184E_BQWT1RXrhCrK.jpg" alt=""></div>
            <div class="ad-r-logo"><img src="./image/T184E_BQWT1RXrhCrK.jpg" alt=""></div>
        </div>
    </div>

    <div class="star">
        <div class="star-txt">
            <h2>大米明星单品</h2>
            <div class="jian">
                <div class="jian-left">&lt;</div>
                <div class="jian-right">&gt;</div>
            </div>
        </div>


        <ul class="star-list">
            <li><img src="./image/mitv48!160x110.jpg" alt=""><p>大米电视2/2S 全系列</p><p>40/48/49/55英寸 现货购买</p></li>
            <li><img src="./image/mitv48!160x110.jpg" alt=""><p>大米电视2/2S 全系列</p><p>40/48/49/55英寸 现货购买</p></li>
            <li><img src="./image/mitv48!160x110.jpg" alt=""><p>大米电视2/2S 全系列</p><p>40/48/49/55英寸 现货购买</p></li>
            <li><img src="./image/mitv48!160x110.jpg" alt=""><p>大米电视2/2S 全系列</p><p>40/48/49/55英寸 现货购买</p></li>
            <li><img src="./image/mitv48!160x110.jpg" alt=""><p>大米电视2/2S 全系列</p><p>40/48/49/55英寸 现货购买</p></li>
        </ul>
    </div>

    <div class="ai">
        <h2>智能硬件</h2>
        <div class="ai-txt">
            <div class="ai-left"><img src="./image/T1IhLjBC_T1RXrhCrK.jpg" alt=""></div>
            <div class="ai-right">
                <ul>
                    <li><img src="./image/T1odEjB5bT1RXrhCrK.jpg" alt=""><p>大米智能家庭套装</p><p>3分钟快速安装，30多种智能玩法</p> <p>199元</p></li>
                    <li><img src="./image/T1odEjB5bT1RXrhCrK.jpg" alt=""><p>大米智能家庭套装</p><p>3分钟快速安装，30多种智能玩法</p> <p>199元</p></li>
                    <li><img src="./image/T1odEjB5bT1RXrhCrK.jpg" alt=""><p>大米智能家庭套装</p><p>3分钟快速安装，30多种智能玩法</p> <p>199元</p></li>
                    <li><img src="./image/T1odEjB5bT1RXrhCrK.jpg" alt=""><p>大米智能家庭套装</p><p>3分钟快速安装，30多种智能玩法</p> <p>199元</p></li>
                    <li><img src="./image/T1odEjB5bT1RXrhCrK.jpg" alt=""><p>大米智能家庭套装</p><p>3分钟快速安装，30多种智能玩法</p> <p>199元</p></li>
                    <li><img src="./image/T1odEjB5bT1RXrhCrK.jpg" alt=""><p>大米智能家庭套装</p><p>3分钟快速安装，30多种智能玩法</p> <p>199元</p></li>
                    <li><img src="./image/T1odEjB5bT1RXrhCrK.jpg" alt=""><p>大米智能家庭套装</p><p>3分钟快速安装，30多种智能玩法</p> <p>199元</p></li>
                    <li><img src="./image/T1odEjB5bT1RXrhCrK.jpg" alt=""><p>大米智能家庭套装</p><p>3分钟快速安装，30多种智能玩法</p> <p>199元</p></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="nav-bottom">
        <ul>
            <li>1小时快修服务</li>
            <li>7天无理由退货</li>
            <li>15天免费换货</li>
            <li>满150元包邮</li>
            <li>520余家售后网点</li>
        </ul>
    </div>

    <div class="bottom">
        <div class="b-top">
            <div class="b-t-left">
                <ul class="list">
                    <li>帮助中心</li>
                    <li>购物指南</li>
                    <li>支付方式</li>
                    <li>配送方式</li>
                </ul>

                <ul class="list">
                    <li>服务支持</li>
                    <li>售后政策</li>
                    <li>自助服务</li>
                    <li>相关下载</li>
                </ul>

                <ul class="list">
                    <li>大米之家</li>
                    <li>大米之家</li>
                    <li>服务网点</li>
                    <li>预约亲临到店服务</li>
                </ul>

                <ul class="list">
                    <li>关注我们     </li>
                    <li>新浪微博</li>
                    <li>大米部落</li>
                    <li>官方微信</li>
                </ul>
            </div>

            <div class="b-t-right">
                <p>400-100-5678</p>
                <p>周一至周日 8:00-18:00</p>
                <p>（仅收市话费)</p>
                <input type="button" value=" 24小时在线客服" name="kf">
            </div>
        </div>

        <div class="b-last">
            <div class="last-logo"><img src="./image/xiaomi_logo.png" alt=""></div>
            <ul>
                <li>大米网|</li>
                <li>MIUI|</li>
                <li>米聊|</li>
                <li>多看书城|</li>
                <li>大米路由器|</li>
                <li>大米后院|</li>
                <li>大米天猫店|</li>
                <li>大米淘宝直营店|</li>
                <li>大米网盟|</li>
                <li>问题反馈|</li>
                <li>Select Region 5555555号</li>
            </ul>
        </div>
    </div>


</body>
</html>